<template>
	<view class="content">
		<view class="user_name">
			{{userinfo['name']}}
		</view>
		<view class="user_work">
			{{userinfo['job']}}
		</view>
		<view class="user_status">
			{{userinfo['status']}}
		</view>
	</view>
</template>

<script>
	export default {
		props:['userinfo'],
		data() {
			return {
				
			}
		},
		mounted() {
			//console.log(this.userinfo)
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.content {
		color: #070707;
		padding-top: 100rpx;
		.user_name{
			width: 100%;
			height: 80rpx;
			text-align: center;
			font-size: 48rpx;
		}
		.user_work{
			width: 100%;
			height: 110rpx;
			text-align: center;
			font-size: 72rpx;
			font-weight: bold;
		}
		.user_status{
			width: 100%;
			height: 128rpx;
			text-align: center;
			font-size: 36rpx;
			color: #26A6FF;
		}
	}

</style>
